// 获取所有需要监听的元素容器
const provinceItems = document.querySelectorAll('.province-item, .province-item2');
const yearsItems = document.querySelectorAll('.years-item');
const classItems = document.querySelectorAll('.class-item');
const class2Items = document.querySelectorAll('.class2-item');

// 通用的点击事件处理函数
function handleItemClick(event) {
    const items = event.currentTarget.parentElement.children;
    
    // 移除所有元素的active类
    Array.from(items).forEach(item => {
        item.classList.remove('active');
        item.style.backgroundColor = ''; // 清除背景色
    });

    // 给当前点击的元素添加active类，并设置背景色
    event.currentTarget.classList.add('active');
    event.currentTarget.style.backgroundColor = 'rgb(117, 69, 169)'; // 设置背景色为紫色
}

// 为每个类别的选项绑定点击事件
provinceItems.forEach(item => {
    item.addEventListener('click', handleItemClick);
});

yearsItems.forEach(item => {
    item.addEventListener('click', handleItemClick);
});

classItems.forEach(item => {
    item.addEventListener('click', handleItemClick);
});

class2Items.forEach(item => {
    item.addEventListener('click', handleItemClick);
});
